export default {
  fontFamily: 'Inter, sans-serif',
  fontSize: '14px',
  color: {
    primary: '#141414',
    secondary: '#cccccc',
    darkSecondary: '#eaeaea',
    grey: 'rgba(20,20,20,0.04)',
    helpText: 'rgba(20, 20, 20, 0.6)',
    blue: '#3399ff',
    white: '#fff',
    red: '#ff3b30',
    listUnderlayColor: 'rgba(0,0,0,0.22)',
    textInputPlaceholderColor: 'rgba(0,0,0,0.5)',
  },
  borderColor: {
    primary: '#eaeaea',
    white: '#fff',
  },
  backgroundColor: {
    white: '#fff',
    primary: '#E6E6E6',
    secondary: '#f6f6f6',
    blue: '#3399ff',
    red: '#ff3b30',
    grey: 'rgba(20,20,20,0.04)',
    lightGrey: 'rgba(20, 20, 20, 0.08)',
    darkGrey: 'rgba(20,20,20,0.9)',
    callScreenGrey: '#444444',
    listUnderlayColor: 'rgba(0,0,0,0.22)',
  },
  breakPoints: ['(min-width : 320px) and (max-width: 767px)'],
};
